<template>
	<view>
		<view class="flexRow top">
			<image  src="../../static/2.png" class="img"></image>
			<view class="left">
				<view class="name">UI设计师-张玉成</view>
				<view class="flexRow det">
					<view class="ke">本科</view>
					<view class="line">|</view>
					<view class="ke">3年工作经验</view>
					<view class="line">|</view>
					<view class="ke">29岁</view>
				</view>
			</view>
		</view>
		
		<view class="center">
			<view class="flexRow">
				<image src="../../static/newimg/12.png" class="img"></image>
				<text class="phone">1333456678</text>
			</view>
			<view class="flexRow tops">
				<image src="../../static/newimg/13.png" class="img"></image>
				<text class="phone">35543453@qq.com</text>
			</view>
		</view>
		
		<view class="List">
			<view class="topList">
				<view class="flexRow topheight">
					<view class="left">[工作经历]</view>
					<view class="right">
						<image src="../../static/newimg/14.png" class="imga"></image>
						<text class="t1">编辑</text>
					</view>
				</view>
				<view class="flexRow date">2015_03-2020-02</view>
				<view class="flexRow comp">
					<image src="../../static/newimg/16.png" class="img"></image>
					<view class="name">江苏省科技测试有限公司</view>
				</view>
				<view class="flexRow bottom">
					<view class="lefts">UI设计工程师</view>
					<view class="rights">14000元/月</view>
				</view>
			</view>
			
			
			<view class="topList">
				<view class="flexRow topheight">
					<view class="left">[求职期望]</view>
					<view class="right">
						<image src="../../static/newimg/14.png" class="imga"></image>
						<text class="t1">编辑</text>
					</view>
				</view>
				<view class="flexRow date">2015_03-2020-02</view>
				<view class="flexRow comp">
					<view class="names">UI设计师上海</view>
					<view class="namesmon">12K-15K</view>
				</view>
				<view class="flexRow bottom">
					<view class="lefts" style="color: gray;width: 70%;">互联网/电子商务/软件开发</view>
					<view class="rights">14000元/月</view>
				</view>
			</view>
			
			<view class="topList">
				<view class="flexRow topheight">
					<view class="left">[教育背景]</view>
					<view class="right">
						<image src="../../static/newimg/14.png" class="imga"></image>
						<text class="t1">编辑</text>
					</view>
				</view>
				<view class="flexRow date">2015_03-2020-02</view>
				<view class="flexRow comp">
					<image src="../../static/newimg/15.png" class="img"></image>
					<view class="name">南通纺院</view>
				</view>
				<view class="flexRow bottom">
					<view class="lefts">本科/动漫制作技术</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style  lang='scss'>
	page{
		background: #3C7BFC;
	}
	
	.top{
		height: 140rpx;
		align-items: center;
		margin-top: 40rpx;
		
		.img{
			width: 130rpx;
			height: 130rpx;
			border-radius: 150rpx;
			margin-left: 30rpx;
		}
		.left{
			margin-left: 20rpx;
			color: $uni-text-color-inverse;
			
			.name{
				font-size: 34rpx;
				font-weight: 650;
			}
			
			.det{
				height: 40rpx;
				align-items: center;
				margin-top: 10rpx;
				
				.ke{
					font-size: $uni-font-size-big;
					margin-left: 10rpx;
				}
				.line{
					
					margin-left: 10rpx;
				}
			}
		}
	}
	
	.center{
		margin-top: 50rpx;
		height: 40rpx;
		align-items: center;
		
		.img{
			width: 38rpx;
			height: 38rpx;
			margin-left: 30rpx;
		}
		.phone{
			font-size: $uni-font-size-big;
			color: $uni-text-color-inverse;
			margin-left: 20rpx;
		}
		.tops{
			margin-top: 20rpx;
		}
	}
	
	.List{
		 margin-top: 100rpx;
		 
		.topList{
			background: $uni-bg-color;
			width: 86%;
			padding: 3%;
			margin-left: 4%;
			margin-top: 30rpx;
			border-radius: 10rpx;
			height: 200rpx;
			
			.topheight{
				height: 40rpx;
				align-items: center;
			}
			
			.left{
				width: 50%;
				font-size: $uni-font-size-lg;
				color: $uni-bg-color-main;
				font-weight: 650;
			}
			.right{
				width: 50%;
				text-align: right;
				font-size: $uni-font-size-lg;
				color: $uni-bg-color-main;
				
				.imga{
					width: 35rpx;
					height: 35rpx;
				}
				.t1{
					margin-left: 5rpx;
				}
			}
		}
		.date{
			margin-top: 20rpx;
			font-size: $uni-font-size-big;
			color: gray;
		}
		
		.comp{
			height: 40rpx;
			align-items: center;
			margin-top: 13rpx;
			
			.img{
				width: 31rpx;
				height: 31rpx;
			}
			.name{
				font-size: $uni-font-size-lg;
				margin-left: 20rpx;
				font-weight: 650;
			}
			
			.names{
				width: 50%;
				font-size: $uni-font-size-lg;
				font-weight: 650;
			}
			.namesmon{
				width: 50%;
				text-align: right;
				font-size: $uni-font-size-lg;
				color: red;
			}
		}
		.bottom{
			margin-top: 12rpx;
			font-size: $uni-font-size-base;
			
			.lefts{
				width: 50%;
			}
			.rights{
				width: 50%;
				text-align: right;
			}
		}
	}
</style>
